<template>
  <div class="not-found-page">
    <div class="page-top">
      <van-empty description="页面已丢失" />
    </div>
    <van-button plain type="primary" size="small" @click="handleHome"
      >返回首页</van-button
    >
  </div>
</template>

<script>
export default {
  components: {},
  methods: {
    handleHome() {
      this.$router.replace("/");
    }
  }
};
</script>

<style scoped lang="scss">
.not-found-page {
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  .page-top {
    height: 400px;
  }
}
</style>
